<%@ taglib prefix="s" uri="/struts-tags"%>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title><s:text name="title.signup"/></title>
		<link rel="stylesheet" type="text/css" href="css/layout/111.css" media="screen"/>
		<link rel="stylesheet" type="text/css" href="css/common.css" media="screen"/>
		<link rel="stylesheet" type="text/css" href="css/list/menu.css"/>
		<link rel="stylesheet" type="text/css" href="css/list/mb-menu.css"/>
		<link rel="stylesheet" type="text/css" href="css/my-theme/jquery-ui.css"/>
		<link rel="stylesheet" type="text/css" href="css/sign-up.css" media="screen"/>	
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/lib/jquery.metadata.js"></script>
  		<script type="text/javascript" src="js/lib/mbMenu.js"></script>
  		<script type="text/javascript" src="js/lib/jquery.hoverIntent.js"></script>
		<script type="text/javascript" src="js/jquery.ui.core.min.js"></script>
		<script type="text/javascript" src="js/jquery.ui.widget.min.js"></script>
		<script type="text/javascript" src="js/jquery.ui.button.min.js"></script>
		<script type="text/javascript" src="js/jquery.ui.button.min.js"></script>
		<script type="text/javascript" src="js/pages/header.js"></script>
		<script type="text/javascript" src="js/pages/common.js"></script>
		<script type="text/javascript" src="js/pages/sign-up.js"></script>
	</head>
	<body>
		<div id="container">
			<s:include value="header.jsp" />
			
		    <div id="content">
		  		<div class="centerWrap">
					<s:form id="signUpForm" action="sign-up-add" theme="simple">  	
						<p>
							<label for="email" class="input-label"><s:text name="email"/><span class="required">*</span>:</label> 
					   		<input type="text" id="email" name="email" class="medium"/>
							<span class="tooltip"><s:text name="tooltip.email"/></span>
						</p>
						<p>
							<label for="password" class="input-label"><s:text name="password"/><span class="required">*</span>:</label> 
					   		<input type="password" id="password" name="password" class="medium"/>
							<span class="tooltip"><s:text name="tooltip.password"/></span>
						</p>
						<p>
							<label for="firstName" class="input-label"><s:text name="firstName"/><span class="required">*</span>:</label> 
					   		<input type="text" id="firstName" name="firstName" title="<s:text name="tooltip.firstName"/>" class="medium"/>
							<span class="tooltip"><s:text name="tooltip.firstName"/></span>
						</p>
						<p>
							<label for="lastName" class="input-label"><s:text name="lastName"/><span class="required">*</span>:</label> 
					   		<input type="text" id="lastName" name="lastName" title="<s:text name="tooltip.lastName"/>" class="medium"/>
							<span class="tooltip"><s:text name="tooltip.lastName"/></span>
						</p>
						<p>
							<label for="gender" class="input-label"><s:text name="gender"/><span class="required">*</span>:</label> 
					   		<s:radio name="gender" key="gender" list="#{'M':'Male','F':'Female'}"/> 
						</p>
						<p>
							<label for="months" class="input-label"><s:text name="birthday"/><span class="required">*</span>:</label>
							<s:select headerKey="-1" headerValue="Month" id="months"
								list="months" 
								name="month" />
							<s:select headerKey="-1" headerValue="Day"
								list="days" 
								name="day" />
					   		<s:select headerKey="-1" headerValue="Year"
								list="years" 
								name="year" />
						</p>
					</s:form>
					
					<div class="sidebar">
						<div style="display:none;"></div>
						<h3></h3>
						<p style="line-height:1.5em;"></p>	
					</div>
					
					<div class="clear-both"></div>
					
					<div class="control-panel">
						<img id="sub-indicator" src="images/loading.gif" alt="Loading..." style="display:none"/>
						<a class="button" name="reset" href="#"><s:text name="btn.reset"/></a>						
						<a class="button" name="submitSignUp" href="#"><s:text name="signup"/></a>
					</div>
				</div>
			</div>
			<!-- end of content -->
			<s:include value="footer.jsp" />
		</div>
	</body>
</html>